<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <meta name="generator" content="Halo 1.1.0"/>
    <meta name="baidu-site-verification" content="ERDa0smpQK"/>

    <link rel="shortcut icon" type="images/x-icon"
          href="upload/2019/9/%E4%BA%91%E9%97%B4LOGO100-792d1aa05e97466bb2006a6a18a6acb6.png">

    <title>刘抱</title>
    <meta name="keywords" content="刘抱"/>
    <meta name="description" content="刘抱 PHP/node"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.17.1/build/styles/xcode.min.css">
    <link href="../css/style.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="//cdnjs.loli.net/ajax/libs/html5shiv/r29/html5.min.js"></script>
    <script src="//cdnjs.loli.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="bg-grey" gtools_scp_screen_capture_injected="true">
<!--[if lt IE 8]>
<div class="browsehappy" role="dialog">
    当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请升级你的浏览器。
</div>
<![endif]-->
<header id="header" class="header bg-white">
    <div class="navbar-container">
        <a href="/blog/index" class="navbar-logo">
            <img src="/image/logo.jpeg" title="刘抱"/>
        </a>
        <div class="navbar-menu">
            <a href="/blog/index" target="_self">首页</a>
            <a href="/blog/archives" target="_self">归档</a>
            <a href="/blog/links" target="_self">关于我</a>
        </div>

        <div class="navbar-search" onclick="">
            <span class="icon-search"></span>
            <form id="search" method="get" action="/blog/index" role="search">
                <span class="search-box">
                    <input type="text" id="input" class="input" name="keyword" required="true" placeholder="Search..."
                           maxlength="30" autocomplete="off">
                </span>
            </form>
        </div>

        <div class="navbar-mobile-menu" onclick="">
            <span class="icon-menu cross"><span class="middle"></span></span>
            <ul>
                <li><a href="/blog/index" target="_self">首页</a></li>
                <li><a href="/blog/archives" target="_self">归档</a></li>
                <li><a href="/blog/links" target="_self">关于我</a></li>
            </ul>
        </div>
    </div>
</header>

<div class="main-content index-page clearfix onelist-page">
    <div class="post-lists">
        <div class="post-lists-body">
            {% for article in allArticle %}
                <div class="post-onelist-item">
                    <div class="post-onelist-item-container">
                        <a href="/blog/details/{{ article.id }}">
                            {#                            <div class="onelist-item-thumb bg-white"#}
                            {#                                 style="background-image:url(https://likecy.oss-cn-beijing.aliyuncs.com/01965f5eccc4f5a801214d7260a825.jpg@1280w_1l_2o_100sh-2_1590839900770.jpg);"#}
                            {#                            >#}
                            {#                            </div>#}
                        </a>
                        <div class="onelist-item-info">
                            <div class="item-title">
                                <a href="/blog/details/{{ article.id }}">{{ article.title }}</a>
                            </div>
                            <div class="item-meta">
                                <time datetime="{{ article.created_at }}" itemprop="datePublished">
                                    发布于 {{ article.created_at|date('m月 d,Y') }}
                                </time>
                            </div>
                            <div class="item-meta-hr bg-yellow"></div>
                            <div class="item-content">
                                <p>{{ article.content|split('',50)|first|raw }}{{ '...' }}</p>
                            </div>
                            <div class="item-readmore">
                                <a href="/blog/details/{{ article.id }}"> 继续阅读 → </a>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>

    {% if items_perPage>1 %}
        <div class="lists-navigator clearfix">
            <ol class="page-navigator">
                {% for page in range(1,items_perPage) %}
                    {% if loop.first != current_page %}
                        <li class="pre">
                            {% if current_page == page %}
                                <a href="/blog/index?page={{ page-1 }}">←</a>
                            {% endif %}
                        </li>
                    {% endif %}
                {% endfor %}
                {% for page in range(1,items_perPage) %}
                    <li {% if current_page == page %}class="current"{% endif %}>
                        <a href="/blog/index?page={{ page }}">{{ page }}</a>
                    </li>
                {% endfor %}
                {% for page in range(1,items_perPage) %}
                    {% if loop.last != current_page %}
                        <li class="next">
                            {% if current_page == page %}
                                <a href="/blog/index?page={{ page+1 }}">{{ loop.last }}→</a>
                            {% endif %}
                        </li>
                    {% endif %}
                {% endfor %}
            </ol>
        </div>
    {% endif %}
</div>

<footer id="footer" class="footer bg-white">
    <div class="footer-social">
    </div>

    <div class="footer-meta">
        <div class="footer-container">
            <div class="meta-item meta-copyright">
                <div class="meta-copyright-info">
                    <a href="/blog/index" class="info-logo">
                        版权：刘抱
                    </a>
                    <div class="info-text">
                        <p>豫ICP备20010779号-1</p>
                        <p>&copy; 2020 <a href="/blog/index">刘抱</a></p>

                        <p>
                            <script>
                                (function () {
                                    var bp = document.createElement('script');
                                    var curProtocol = window.location.protocol.split(':')[0];
                                    if (curProtocol === 'https') {
                                        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
                                    } else {
                                        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
                                    }
                                    var s = document.getElementsByTagName("script")[0];
                                    s.parentNode.insertBefore(bp, s);
                                })();
                            </script>
                            <script src="/js/yinghua.js"></script>
                        </p>
                    </div>
                </div>
            </div>
            {% if recentPublish|length>0 %}
                <div class="meta-item meta-posts">
                    <h3 class="meta-title">最近发布</h3>
                    {% for detail in recentPublish %}
                        <li><a href="/blog/details/{{ detail.id }}">{{ detail.title }}</a></li>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
</footer>


<script src="https://cdnjs.loli.net/ajax/libs/headroom/0.9.1/headroom.min.js"></script>

<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.17.1/build/highlight.min.js"></script>


<script src="/js/instantclick.min_v20140319.js"></script>

<script src="https://cdnjs.loli.net/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script>

<script>


    var header = new Headroom(document.getElementById("header"), {
        tolerance: 0,
        offset: 70,
        classes: {
            initial: "animated",
            pinned: "slideDown",
            unpinned: "slideUp"
        }
    });
    header.init();


    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function () {
            FastClick.attach(document.body);
        }, false);
    }
</script>

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    showProcessingMessages: false,
    messageStyle: "none",
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
        displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre','code','a'],
        ignoreClass:"comment-content"
    },
    "HTML-CSS": {
        availableFonts: ["STIX","TeX"],
        showMathMenu: false
    }
});
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

























</script>
<script src="https://cdnjs.loli.net/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>


<script data-no-instant>
    InstantClick.on('change', function (isInitialLoad) {
        var blocks = document.querySelectorAll('pre code');
        for (var i = 0; i < blocks.length; i++) {
            hljs.highlightBlock(blocks[i]);
        }

        if (isInitialLoad === false) {
            if (typeof MathJax !== 'undefined') {
                MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            }
        }
    });
    InstantClick.init('mousedown');
</script>
</body>
</html>

